@tailwind base;
@tailwind components;
@tailwind utilities;

.query-panel-container {
    @apply rounded-md w-full h-full gap-8 bg-white p-4;
    display: flex;
}

.query-container {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-template-areas: 
        'association-method litigant . . .'
        'resource code type id occurrence-time'
    ;
    @apply gap-4 w-full h-full;
}

.query-association-method {
    grid-area: association-method;
}

.query-litigant {
    grid-area: litigant;
}

.query-resource {
    grid-area: resource;
}

.query-code {
    grid-area: code;
}

.query-type {
    grid-area: type;
}

.query-id {
    grid-area: id;
}

.query-occurrence-time {
    grid-area: occurrence-time;
}

.query-button-container {
    flex-basis: 134px;
}